<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" name="viewport" />
    <meta http-equiv="content-script-type" content="text/javascript">
    <meta name="format-detection" content="telephone=no" />
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
            <link rel="shortcut icon" href="/favicon.ico">
    <meta http-equiv="Cache-Control" content="max-age=900" />

    <title><?php echo $info['title'];?></title>

    <link rel="stylesheet"href="statics/mobile/css/style.css?v=2016103101">
	<link rel="stylesheet"href="statics/mobile/css/SpsBtn.css?v=20170811593336556457">
	<link rel="stylesheet"href="statics/mobile/plugins/swiper/swiper.min.css"/>
    <link rel="stylesheet"href="statics/mobile/css/Item/detail.css?v=2016103101">
	<link rel="stylesheet" href="https://sf1-ttcdn-tos.pstatp.com/obj/ttfe/pgc/iconfont_1.css">
	
    <style>
        .b_mingoods .b_mingoods_wrapper>a{ padding-top:100%;height: auto !important;}
        .b_mingoods .b_mingoods_wrapper>a>img{position:absolute;top: 0;left: 0;}
        .fulltext p {line-height:normal}
        #diy-conitem .members_con{position:relative!important}
        .star b{color:#ff6600;}
		.mcart_goods ul li { padding: 10px 10px 5px; overflow: hidden; border: 1px solid #ededed; border-width: 1px 0; margin-bottom: 2px;background-color:#fff;}
		.mcart_goods_img { width: 80px; position: relative; padding-left: 32px;}
		.mcart_goods_img .btn-check { position: absolute; top: 0; left: -7px; width: 38px; height: 100%; z-index: 1;}
		.mcart_goods_infor { padding-left: 5px;}
		.mcart_goods_infor .mcart_goods_title { min-height: 40px;}
		.mcart_goods_infor a { color: #333; overflow: hidden;}
		.mcart_goods_infor .num { overflow: hidden; margin-top: 5px; text-align: right;}
		.mcart_goods_infor i { display: inline-block; float: left; font-style: normal; color: #fe6e27; font-size: 14px;}
		.mcart_goods_infor .num span { display: inline-block;}
		.mcart_goods_infor .num span .edd { border-left: 1px #fff solid;}
		.mcart_goods_infor .num span input { float: left; border: 1px solid #fff; height: 20px; line-height: 20px; background: #f5f5f5; width: 28px; text-align: center; overflow: hidden; border-radius: 0;}
		.mcart_goods_infor .num span .add, .mcart_goods_infor .num span .edd { width: 24px; height: 20px; display: inline-block; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #f5f5f5; color: #999; font-size: 24px; line-height: 20px; text-align: center;}
		.mcart_goods_img input { display: none;}
		.mcart_goods_infor i { display: inline-block; float: left; font-style: normal; color: #fe6e27; font-size: 14px;}
		.mcart_goods_img em { display: block; width: 20px; height: 20px; position: absolute; top: 30px; left: 6px; overflow: hidden; border: 1px solid #dedede; background: #FDFDFD; border-radius: 50%; z-index: 1;}
		.mcart_goods_img em.cur { background: url('') no-repeat; background-size: 20px; border: 0;}
		.mdetail_bottom{max-width:100%;}
		.tax-box .tax-item {background-repeat: no-repeat;background-position: right;background-size: contain;}
		.tax-box .tax-main:first-child {-webkit-box-flex: 3;-webkit-flex: 3;-ms-flex: 3;flex: 3;padding: 0 0 0 12px!important;}
		.ctb {display: table;width: 100%;height: 92px;}
		.ctb .ctc {display: table-cell;vertical-align: middle;}
		.tax-box .tax-main .c-main {line-height: 28px;}
		.tax-box .tax-main .c-main .rmb{font-size:20px;font-weight:400;}
		.tax-box .tax-split {position: relative;height: 90px;width: 1px;}
		.tax-box .tax-operator {text-align: center;position: relative;overflow: hidden;min-width: 100px;max-width: 170px;background-size: 100% 100%;}
		.tax-box .tax-split:before {top: -5px;z-index: 1;}
		.tax-box .tax-split .line {border-right: 1px dotted #FFCDCD;opacity: .7;width: 100%;height: 100%;}
		.tax-box .tax-operator {text-align: center;position: relative;overflow: hidden;min-width: 100px;max-width: 170px;background-size: 100% 100%;}
		.tax-box .tax-operator .c-dh, .tax-box .tax-operator .c-jf {font-size: 14px;line-height: 20px;}
		.tax-box .tax-operator .c-dh, .tax-box .tax-operator .c-jf {font-size: 14px;line-height: 20px;}
		.tax-box .tax-operator .c-jh {opacity: .6;font-size: 11px;line-height: 11px;margin-top: 5px;}
		.tax-box .tax-split:after, .tax-box .tax-split:before {content: "";position: absolute;width: 10px;height: 10px;background: #fff;border-radius: 50%;left: -4px;}
		.tax-box .tax-main {-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;flex: 2;padding: 0 0 0 8px!important;overflow: hidden;min-width: 140px;}
		.tax-box .mui-flex {height: 100%;}
	</style>
</head>

<body style="width:100%;">

<div class="top-panel">
<!-- 一键关注，显示推荐人信息 -->

<!-- 在app中打开 -->
</div>

<div class="membersbox pad50">

    <!-- 二维码按钮 -->
    <section class="qrcode_ico J_open_qrcode"></section>
    <script>window.selfShareHandle = true;</script>
    <form action="?con=order&act=buy" method="post" id="form1">
		<input type="hidden" name="item_id" value="<?php echo $info['id'];?>">
        <input type="hidden" name="commit" value="1">
        <input type="hidden" name="sku" value="">
        <input type="hidden" name="num" value="1">
        <input type="hidden" name="limit" value="0" id="j-iph-limit">
        <input type="hidden" name="is_marking_buy" value="1">
        <input type="hidden" name="item_miao_id" value="">
        <input type="hidden" name="item_limit_discount_id" value="">
        <input type="hidden" name="item_bargin_id" value="">
        <input type="hidden" name="item_try_id" value="1">
		<input type="hidden" name="pid" id="bidcms_id" value="<?php echo $pid;?>">
        <section class="mdetail_goodsimg swiper-container">
            <ul class="clearfix swiper-wrapper">
				<?php foreach($pictures as $v){?>
                <li class="swiper-slide"><img src="<?php echo $v;?>" style="width:100%;"/></li>
				<?php }?>
            </ul>
            <section class="swiper-pagination"></section>
        </section>


        <section class="mdetail_name">
            <div class="title"><?php echo $info['title'];?></div>
			<p><?php echo $info['slogan'];?></p>
            <!-- 商品试用 start -->
            <div class="clearfix">
                <div class="price fl">
                    <span class="status"></span>
					<?php if($info['is_point']==2){?>
						<span class="symbol">&yen;</span>
						<span class="number"><?php echo $info['price'];?></span>
						<span style="font-size:18px;">+<?php echo $info['buy_need_points'];?></span>
						<span class="status">积分兑换</span>
					<?php } elseif($info['is_point']==1){?>
						<span class="number"><?php echo $info['price'];?></span>
						<span class="status">积分兑换</span>
					<?php } else{?>
						<span class="symbol">&yen;</span>
						<span class="number"><?php echo $info['price'];?></span>
						<span class="status">抢购</span>
					<?php }?>
				</div>
				<div class="fr" style="padding-top:6px;" data-val="<?php echo $commission;?>" id="income"><img src="statics/mobile/images/ic_productdetails_income.png" style="width:40px;" ></div>
			</div>
            <div class="otherinfo clearfix">
                <span>原价：<s>&yen;<?php echo $info['original_price'];?></s></span>
				<?php if($goods_setting['is_show_sale']==1){?>
				<span>销量:<em><?php echo $info['sale_num'];?><?php echo $info['unit'];?></em></span>
				<?php }?>
			</div>
			 <div class="otherinfo clearfix">
				<?php if($goods_setting['hide_stock']==0){?>
				<span>库存:<em><?php echo $info['num'];?><?php echo $info['unit'];?></em></span>
				<?php }?>
				
				<?php if($info['quota']>0){?>
				<span>每人限购:<em><?php echo $info['quota'];?></em><?php echo $info['unit'];?></span>
				<?php }?>
			</div>
            <!-- 服务承诺 -->
            <!-- 详情页显示服务承诺 -->
            <div class="shop-server">支持7天无理由退货</div>                
			<?php if($goods_setting['is_allow_coupon']==1){?>
			<div class="module-wrap gap2top group2top" id="J_mod8">
				<div class="module-coupon">
					<div class="coupon-body">
						<div class="box mui-flex">
							<div class="ic-box">
								<img src="statics/mobile/images/coupon.jpg" alt="购物券图标">
							</div>
							<div class="ct cell">领取优惠券，支付时使用</div>
						</div>
						<button class="lq share-link" type="button">领取</button>
					</div>
				</div>
			</div>
			<?php }?>

            <!-- 弹出框 -->
            <div class="popup_promise">
            <!-- 遮罩 -->
                <div class="shade"></div>
			</div>
        </section>

        <!-- 商品名称、销量等 -->
        
        <b class="staticAjaxReplace" id="staticAjaxReplace-praiseAndShare"></b>
        <!-- 点赞、分享 -->

        <div class="pleaseSelect">
            <a href="javascript:;" class="j-openPopupSKU" data-type="all">
                <div class="pleaseSelect-con j-selectedSKU">选择 颜色 规格</div>
                <span><i class="iconfont icon-more"></i></span>
            </a>
        </div>
        
		<!-- 优惠搭配套餐，配件 -->
		<?php if(!empty($info['fixings'])){?>
        <div class="pleaseSelect">
            <a href="javascript:;" id="j_fixings">
                <div class="pleaseSelect-con">选择 优惠搭配</div>
                <span><i class="iconfont icon-more"></i></span>
            </a>
        </div>
		<ul id="fixings_goods" data-show='0' style="padding:10px;display:none;">
		<?php foreach($info['fixings'] as $goods){?>
			<li class="g-box">
				<section class="mcart_goods_img">
					<a href="?con=item&id=<?php echo $goods['item_id'];?>">
					<img src="<?php echo $goods['pic'];?>" width="80" height="80"></a>
					<label class="btn-check J-inp">
					<em></em>
					</label>
					<input type="checkbox" name="checkbox[]" value="<?php echo $goods['item_id'];?>">
				</section>
				<section class="mcart_goods_infor g-flex clearfix">
					<section class="mcart_goods_title">
						<a href=""><?php echo $goods['title'];?></a>
					</section>
					<section class="num">
						<i>
						<span style="font-size:10px">¥</span>
						<span class="integer"><?php echo $goods['price'];?></span> 
						</i>
					</section>
				</section>
			</li>
		<?php }?>
		</ul>
		<?php }?>
        
		<!-- 有货没货 -->
		<div class="pleaseSelect">
                <a href="javascript:;">
				<b id="address"></b>
				<?php if($goods_setting['freight_payer']==1){?>
				包邮
				<?php } elseif($goods_setting['freight_payer']==4){?>
				货到付款
				<?php } elseif($goods_setting['freight_payer']==2){?>
				统一运费<?php echo $goods_setting['post_fee'];?>元
				<?php }?>
				</a>
        </div>
        <div class="shopInfo">
			 <!-- 商家信息 -->
			<div class="" style="width: 100%;vertical-align: top;margin: 0px 1px 0px 0;font-size: 0;position: relative;font-weight: 400;text-decoration: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;">
			  <div class="" style="overflow: hidden;padding: 0.8rem 0px;position:relative;">
				<div style="float:left;width:3rem;text-align:center;"><img src="<?php echo $store['logo'];?>" style="width:2rem;height:2rem;"/></div>
				<div class="" style="width: 70%;float:left;">
				  <div class="" style="font-weight: 400;font-size: 1rem;"><?php echo $store['merchantName'];?></div>
				  <div style="font-size:0.8rem;color: #8c8c8c;">点击右侧按钮咨询店主，电话：<?php echo $store['phone'];?></div>
				</div>
				<div style="position:absolute;top:1.2rem;right:0.6rem;">
				  <a href="tel:<?php echo $store['phone'];?>"><img src="//shop.bidcms.com/widget/22/phone.png" style="width:2rem;height:2rem;"/></a>
				</div>
			  </div>
			</div>
             <div class="shop_action">
                <a href="?act=goods" class="check_allgoods">查看所有商品</a>
                <a href="" class="intoShop">进店逛逛</a>
            </div>
        </div>
		<div class="pleaseSelect">
			<div style="margin:auto;height:2rem;line-height:2rem;">
				<a href="?con=item&act=getContent&id=<?php echo $info['id'];?>"><div style="font-size:0.8rem;color:#484848;width:30%;float:left;">商品详情</div> 
				<div style="float:right;font-size:0.8rem;color:#888;">建议WiFi下查看>></div>
				</a>
			</div>
        </div>
        <!-- 店中店信息 -->
		

        <b class="staticAjaxReplace" id="staticAjaxReplace-discountPackage">店中店信息</b>
		<b class="staticAjaxReplace" id="staticAjaxReplace-saleRecord"></b>
        <!-- 销售记录 -->
        <!-- 软 -->
		<div class="pleaseSelect" style="margin-bottom:1px;">
            <div style="width:90%;margin:auto;height:2rem;line-height:2rem;">
				<div style="font-size:0.8rem;color:#484848;width:30%;float:left;">用户评价（<strong id="comment_count"></strong>）</div> 
				<div style="float:right;font-size:0.8rem;color:#888;">98%满意度</div>
			</div>
			
        </div>
		<div style="margin:auto;background-color:#fff;padding-bottom:10px;">
			<!-- 评论 -->
			<div class="j-detail-comment"></div>
			<!-- load more start-->
			<div class="staticLoading" style="text-align:center;" id="j-staticLoading">
				<span class="staticLoading-icon" style="display:none;"></span>
				<span class="j-loading-text">加载中...</span>
			</div>
			<!-- load more end-->
			<!-- 评论 -->
		</div>
		<style type="text/css">
			.cancel{background-image:url('statics/mobile/images/del4-2.png');}
			.add{background-image:url('statics/mobile/images/del4.png');}
		</style>
        <section class="mdetail_bottom">
			<section class="collect bdbox">
                <a href="javascript:;" style="display:block;width:50px;height:50px;background-size:contain;" id="j-collect" class="<?php echo !empty($collect)?'cancel':'add';?>" data-id="<?php echo $info['id'];?>">
                </a>
            </section>
            <section class="cart bdbox">
                <a href="?act=cart"><img src="statics/mobile/images/del5.png" width="50" height="50"></a>
                <b id="J-addone-cartnum">0</b>
                <em id="J-addone">+1</em>
            </section>
            <section class="actions bdbox clearfix">
                <?php if($info['num']==0){?>
                <a href="javascript:;" class="btn-goodsStockEmpty">商品已售罄</a>
				<?php } else {?>
				<a href="javascript:;" class="btn-popupSKU-addcart j-openPopupSKU" data-type="add">加入购物车</a>
                <a href="javascript:;" class="btn-popupSKU-buynow j-openPopupSKU" data-type="buy">立即购买</a>
				<?php }?>
             </section>
        </section>
        <!-- 底部按钮 -->
        <!-- 件 -->
    </form>

    <!-- start popup sku -->
    <section class="popup-sku bdbox" id="j-popup-sku">
        <a href="javascript:;" class="btn-close j-close-popupSKU"></a>

        <section class="sku-top bdbox clearfix">
            <div class="photo" style="background-image:url(<?php echo $info['thumb'];?>)" id="j-popupSKU-img"></div>
                    <input type="hidden" value="<?php echo $info['thumb'];?>" id="j-popupSKU-defaultImg">
            <div class="goods_info bdbox">
                <p class="price">
                    <span class="prefix"></span>
                    <span class="priceText">&yen;<i class="j-price"><?php echo $info['price'];?></i></span>
                </p>
                <p class="stock">库存<span class="j-stock"><?php echo $info['num'];?></span><?php echo $info['unit'];?></p>
                <p class="selectedStatus j-selectedSKU">选择颜色</p>
            </div>
        </section>

        <section class="mdetail_infor popup bdbox">
            <!-- sku -->
            <?php foreach($sku_norms as $k=>$v){?>
            <dl class="j-skulist">
                <dt data-id="<?php echo $v['id'];?>" class="proerty_name"><?php echo $v['name'];?></dt>
                <dd>
                <?php foreach($v['props'] as $key=>$val){?>
                <span data-propsid="<?php echo $val;?>" data-colorimg="<?php echo isset($color_img[$val])?$color_img[$val]:'';?>"><i><?php echo $sku_props[$val];?></i></span>
                <?php }?>
                </dd>
            </dl>
            <?php }?>
            <textarea style="display:none;" id="j-skuDataset"><?php echo htmlspecialchars($skus['sku_props']);?></textarea>
            <input type="hidden" id="j-propsDataset" value="<?php echo htmlspecialchars($js_props);?>">
            <dl class="number-control">
                <dd class="clearfix">
                    <div class="title fl">购买数量</div>
                    <div class="ctrl fr clearfix">
                        <a href="javascript:;" class="md_min">-</a>
                        <input type="tel" value="1" class="md_text" id="j-stocknum-ipt" data-maxnum="9999" data-maxlimit="<?php echo $info['quota']>0?$info['quota']:9999;?>">
                        <a href="javascript:;" class="md_add">+</a>
                    </div>
                </dd>
            </dl>
        </section>

        <section class="actions bdbox clearfix">
			<a href="javascript:;" class="fl btn-next bdbox btn-submit j-addCart" data-type="addCart">加入购物车</a>
            <a href="javascript:;" class="fl btn-next bdbox btn-submit j-buyNow" data-type="buyNow">确定</a>
            <!--end 立即购买 -->
			<!--

            <a href="javascript:;" class="fl btn-next bdbox btn-submit" data-type="try">商品试用</a>
            <a href="javascript:;" class="fl btn-next bdbox btn-submit" data-type="send">我要送人</a>
            -->
        </section>
    </section>
	
    <!-- sku弹窗 -->
    <section class="j-close-popupSKU" id="overlay"></section>
    
	<!--优惠券-->
	<section class="popup-sku bdbox" id="j-popup-coupon">
		<a href="javascript:;" class="btn-close j-close-popupCoupon"></a>
		<section style="padding:20px;margin-top:10px;" id="j-coupon-box">
			
		</section>
	</section>
	<!-- 商品二维码 -->
    <section class="qrcode_overlay" id="qrcode_overlay" style="z-index:12;"></section>
    <section class="detail_qrcode_box">
        <i class="J_closed_box closed_box"></i>
        <img src="<?php echo API_ROOT;?>tool/qrcode.php?link=<?php echo urlencode($goods_url);?>" class="item_qrcode">
    </section>
	
	<?php include VIEWS_PATH."bottom.php";?>
</div>
<textarea style="display:none;" id="j-navdata"></textarea>

<script type="text/j-template" id="tpl_item_detail_comment">
    <% if(dataset.length){ %>
    <% _.each(dataset,function(item){ %>
	<div style="border-bottom: 1px solid #e5e5e5;padding: 20px 0;margin: 0 10px;"><div style="overflow: hidden;margin-bottom: .8em;color: #999;margin-top: 5px;">
	<div style="float: left;"><span style="nick">匿名</span></div><span style="float: right;"><%= item.create_time %></span></div>
		<div style="margin: 0;padding: 0;font-size: 14px;word-wrap: break-word;line-height:20px;"><%= item.content%></div>
		<% if(item.reply){ %>
			<div style="position: relative;margin-top: 5px;background-color: #f0f0f0;padding: 8px;font-size: 13px;border-radius: 5px;line-height:20px;" >掌柜回复:<%= item.reply %></div><div style="color: #999;margin-top: 5px;padding: 0;list-style: none;"></div>
		<% } %>
		<% if(item.imglist && item.imglist.length > 0){ %>
			<div style="overflow: hidden;margin-top: 5px;list-style: none;padding: 0;">
			<% _.each(item.imglist,function(items){ %>
				<div class="J-comimg" data-src="<%= items %>" style="width: 55px;height: 55px;float: left;margin: 0 .48em .5em 0;background-color: #fff;display: -webkit-box;-webkit-box-aviewgn: center;-webkit-box-pack: center;background-size:contain;background-repeat:no-repeat;background-image:url(<%= items %>)"></div>
			<% }) %>
			</div>
		<% } %>
		
	</div>
    <% }) %>
    <% } %>
</script>
<!-- end tpl_item_detail_comment -->
<script type="text/j-template" id="tpl_coupon_list">
    <% _.each(dataset,function(item){ %>
		<div class="tax-box displayType0" style="background:#F24B4B;color:#FFFFFF;margin-top:10px;"><div class="mui-flex tax-item">  <div class="tax-main cell"><div class="ctb"><div class="ctc"><div class="c-main">  <i class="mui-price-rmb">￥</i><span class="rmb"><%= item.amount%></span>   </div>  <div class="c-sub">满<%= item.atleast%>使用</div>  <div class="c-sub">有效期 <%= item.start_time%>-<%= item.end_time%></div>  </div></div></div><div class="tax-split "><div class="line" style="border-color:#FFCDCD;opacity: 1;"></div></div><div class="tax-operator cell" data-id="<%= item.id %>" style=""><div class="ctb"><div class="ctc">  <div class="c-jf" style="">立即领取</div><div class="c-dh" style=""></div><div class="c-jh"></div>  </div></div></div></div></div>
    <% }) %>
</script>
<!-- end tpl_item_try_comment -->

<script>
	var site_root='<?php echo API_STORE;?>';
    var ItemID="<?php echo $info['id'];?>";//当前商品ID
    var pid="<?php echo $GLOBALS['token'];?>";
	var store_id="<?php echo $GLOBALS['store_id'];?>";
	var shareATimes = 0;
	var shareTTimes = 0;
	var fixings=<?php echo $fixings;?>;
	function shareOpentions(flag){
		return {
			title : "<?php echo str_replace('"','“',$info['title']);?>【Bidcms开源分销系统】",   // 分享标题
			desc  : "<?php echo strip_tags($info['slogan']);?>",    // 分享描述
			link  : "<?php echo url('item','',array('id'=>$info['id'],'pid'=>$GLOBALS['token']),'mobile');?>",     // 分享链接
			imgUrl: "<?php echo $info['thumb'];?>",      // 分享图标
			type: 'link', // 分享类型,music、video或link，不填默认为link
			dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			success: function () {
				if(flag == 2)
				{
					shareTTimes += 1;
					share_tip(shareATimes,shareTTimes);
				}
				else if(flag == 1)
				{
					shareATimes += 1;
					share_tip(shareATimes,shareTTimes);
				}
				// 用户确认分享后执行的回调函数
			},
			cancel: function () { 
				// 用户取消分享后执行的回调函数
			}
		};
	}
</script>
<?php include VIEWS_PATH."footer.php";?>
<script src="statics/mobile/js/dist/Item/detail.js?v=2016103101"></script>

<script type="text/javascript">
<!--
$(function() {
	$.post(global_baidu_posUrl,{},function(data){
		if(data.content){
			$("#address").html(data.content.address+'&nbsp;&nbsp;<b style="color:red">当前有货</b>');
		}
		
	},'jsonp');
	$("#income").click(function(){
		$.aLert({
			title: "<div style='font-size:2rem;'><span style='font-size:0.6rem;'>本商品收益</span><br/>￥"+$(this).data('val')+"</div>"
		})
	});
});
//-->
</script>
</body>
</html>
